<template>
	<view>
		<myshop :nonotice="arr" @evolve="evolve"></myshop>
		<view class="list" v-if=" index == 0">
			<view style="margin-top: 20rpx;">
					<u-steps :list="numList" :current="current" mode="number"></u-steps>
			</view>
			<view class="listitem" v-for="(item,index) in data" v-if='current == 0' >
				<view>
					<view><view>客户姓名：</view><view>张三</view></view>
					<view><view>物业名：</view><view>xx幢xx单元xx室</view></view>
				</view>
			</view>
			<!-- <view style=" width: 90%; margin: 0 auto;">
				<view  style="display: flex;justify-content: space-between;margin-top: 20rpx;">
					<u-button type="warning" size="mini">查看首付</u-button>
					<u-button type="warning" size="mini">查看贷款</u-button>
					<u-button type="warning" size="mini">查看进展</u-button>
					<u-button type="warning" size="mini">查看完成</u-button>
				</view>
				
			</view> -->
		</view>
	</view>
</template>

<script>
	
	import myshop from '../../components/myshop/myshop.vue'
	export default {
		components: {
			myshop
		},
		data() {
			return {
				arr: ['一手房', '二手房', '租房', '政策房'],
				data:[
					{
						headline:'东五小区',
						place:'金桥·浦东 ',
						money:'37500'
					},
					{
						headline:'东五小区',
						place:'金桥·浦东 ',
						money:'370500'
					},
				],
				numList: [{
					name: '录入'
				}, {
					name: '首付'
				}, {
					name: '贷款'
				}, {
					name: '进展'
				},{
					name: '完成'
				}, ],
				index:0,
				current:0
			}
		},
		methods: {
			evolve(index) {
			        console.log(index);
						this.index = index
						console.log(this.index)
			      }
		}
	}
</script>

<style>
page {
		background-color: #f5f5f5;
	}
	.listitem{
		width: 90%;
		margin: 0 auto;
		height: 240rpx;
		margin-top: 20rpx;
		display: flex;
		border-radius: 50rpx;
		background-color: #FFFFFF
	}
	.listitem>view{
		width: 100%;
	}
	.listitem>view>view{
		display: flex;
		height: 110rpx;
		line-height: 110rpx;
		font-size: 40rpx;
		width: 90%;
		margin: 0 auto;
	}
	.listitem>view>view>view:nth-child(1){
		width: 200rpx;
	}
	image{
		width: 100%;
		height: 100%;
	}
</style>
